<template>
	<view class="pay">
		<!-- <image class="img1" src="../../static/vip/zhingjia.png" mode=""></image> -->
		<view class="text">支付完成</view>
		<view>
			<image class="img2" src="../../static/vip/wancheng.png" mode=""></image>
		</view>
		<view  class="text">支付成功</view>
		<view  class="text2">已支付¥45</view>
		<view class="img1">
			<image class="img3" src="../../static/vip/phone.png" mode=""></image>
		</view>
		<view class="text4">立即分享 领取豪礼</view>
		<view class="text5">立即分享</view>
		<view class="text6">返回首页</view>
	</view>
</template>

<script>
</script>

<style scoped>
	.pay{
		height: 563rpx;
		background-image: url('../../static/vip/di.png');
		background-repeat: no-repeat;
		background-size:100% 100%;
		text-align: center;
		
	}
	.img1{
		width: 350rpx;
		height: 350rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		background-image: url('../../static/vip/zhingjia.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center center;
		margin: 0 auto;
		margin-top: 12rpx;
	}
	.text{
		font-size: 36rpx;
		text-align: center;
		color: white;
	}
	.img2{
		width: 96rpx;
		height: 96rpx;
		margin-top: 40rpx;
		margin-bottom: 28rpx;
	}
	.text2{
		font-size: 32rpx;
		color: rgb(255,195,126);
		
	}
	.img3{
		width: 277rpx;
		height: 277rpx;
		
	}
	.text4{
		font-size: 40rpx;
		color: rgb(95,95,95);
		margin-top: 56rpx;
		margin-bottom: 48rpx;
		font-weight: bold;
	}
	.text5,.text6{
		font-size: 36rpx;
		font-weight: bold;
		color: #FFFFFF;
		width: 542rpx;
		height: 90rpx;
		line-height: 90rpx;
		background-image: linear-gradient(90deg,rgb(255,174,37) 0%,rgb(255,142,29));
		margin: 0 auto;
		border-radius: 50rpx;
		margin-bottom: 48rpx;
	}
	.text6{
		color: rgb(255,146,30);
		background-image: none;
		border: 1px solid rgb(255,146,30);
	}
</style>
